<!DOCTYPE html>
<html>
  <head>
    <title>Login</title>
    
    <link rel="stylesheet" type="text/css" href="css/css.css" />
    <link href='http://fonts.googleapis.com/css?family=Questrial' rel='stylesheet' type='text/css'>
  </head>
  <body>
  
    <header>
    
      <div class="header-left">
        <div class="header-title">
          Login Page
        </div>
      </div>
    
      <div class="header-right">
        <div class="header-nav">
          <div class="header-nav-item">
            Calendar
          </div>
          
          <div class="header-nav-item">
            Forum
          </div>
        </div>
      </div>  
      
    </header>

    <div style="background-color: #C3C3F9; border-top: 2px solid gray; border-bottom: 2px solid gray; height: 30px; padding: 10px 0;">
      <div style="margin-left: auto; margin-right: auto; width: 800px; height: 100%; font-size: 24px;">
        Topics
      </div>
    </div>
    
    <div style="margin-left: auto; margin-right: auto; padding: 10px; width: 780px; min-height: 500px; border-left: 2px solid gray; border-right: 2px solid gray;">
    </div>
    
    <div style="background-color: #C3C3F9; border-top: 2px solid gray; border-bottom: 2px solid gray; height: 30px; padding: 10px 0;"></div>
  </body>
</html>